import { useNavigate } from 'react-router-dom';
import { NavBar } from 'react-vant'
import { Edit } from '@react-vant/icons';
import '../../sass/AddressEdit.scss'

function AddressEdit() {

    let navigate = useNavigate()

    return (
        <div className="address-edit">
            <NavBar
                title="地址管理"
                leftText="返回"
                onClickLeft={() => navigate(-1)}
            />
            <div className="content-wrap">
                <div className="content-list">
                    <div className="left">
                        <div className="top">
                            <div className="name">滴滴滴</div>
                            <div className="phone">11111111111</div>
                            <div className="isdefault">默认</div>
                        </div>
                        <div className="bottom ellipse-text">广东省广州市天河区珠吉街道660号广东省广州市天河区珠吉街道660号</div>
                    </div>
                    <div className="right"><Edit  /></div>
                </div>
            </div>
        </div>
    )
}
export default AddressEdit;